@charset "UTF-8";

/*********************
 * App Notifications *
 *********************/

.app-notification,
.app-notification.frame {
    @extend %osd;
    padding: 10px;
    border-top-width: 0px;
    border-radius: 0px 0px 3px 3px;

    &:backdrop {
        background-image: none;
    }

    button {
        @include button(normal);
        &.flat {
            @extend %undecorated_button;
            -gtk-icon-shadow: none;
            text-shadow: none;
            &:hover {
                @extend %undecorated_button;
                color: gtk("@theme_widget_foreground_hover");
            }
            &:active {
                @extend %undecorated_button;
                color: gtk("@theme_widget_foreground_active");
            }
            &:backdrop,
            &:disabled,
            &:backdrop:disabled {
                @extend %undecorated_button;
            }
        }

        &:hover {
            @include button(hover);
        }

        &:active,
        &:checked,
        &:backdrop:active,
        &:backdrop:checked {
            @include button(active);
        }
        &:disabled,
        &:backdrop:disabled {
            @include button(insensitive);
        }
        &:backdrop {
            @include button(backdrop);
        }
    }
    border {
        border: none;
    }
}